/******* ↓ 表单布局 ↓ *******/
.el-form.form-flow {
  .el-form-item {
    display: inline-block;
    box-sizing: border-box;
  }
}
.el-form.form-grid {
  display: grid;
}
.el-form.m-form-collapse {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  .m-form-operates {
    position: absolute;
    right: 0;
    background-color: #fff;
  }
}
/******* ↑ 表单布局 ↑ *******/

/******* ↓ 校验消息定位提示 ↓ *******/
.el-form.position-message {
  .el-form-item {
    margin: 0;
    &:focus-within {
      .el-form-item__error {
        opacity: 0;
      }
    }
  }
  .el-form-item__error {
    top: 1px;
    right: 15px;
    bottom: 1px;
    left: 15px;
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.1s;
  }
}
/******* ↑ 校验消息定位提示 ↑ *******/

/******* ↓ 表单边框 ↓ *******/
.el-form.form-border {
  position: relative;
  border-top: 1px solid #dcdfe6;
  border-left: 1px solid #dcdfe6;
  &::before,
  &::after {
    content: '';
    position: absolute;
    background-color: #dcdfe6;
    bottom: 0;
  }
  &::before {
    right: 0;
    top: 0;
    width: 1px;
  }
  &::after {
    right: 0;
    left: 0;
    height: 1px;
  }
  .el-form-item {
    margin: -1px 0 0 -1px;
    padding: 12px 10px;
    border: 1px solid #dcdfe6;
  }
}
/******* ↑ 表单边框 ↑ *******/

/******* ↓ 表单元素默认样式修改 ↓ *******/
.m-form {
  .el-radio-group,
  .el-radio {
    line-height: inherit;
  }
  .el-form-item__content > div {
    width: 100%;
  }
}
/******* ↑ 表单元素默认样式修改 ↑ *******/

/******* ↓ 表单元素前缀后缀 ↓ *******/
.m-form {
  .el-radio-group,
  .el-radio {
    line-height: inherit;
  }
  .m-form-item--prefix {
    padding-right: 10px;
  }
  .m-form-item--suffix {
    padding-left: 10px;
  }
}
/******* ↑ 表单元素前缀后缀 ↑ *******/
